<!-- toaster directive -->
<toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
<!-- / toaster directive -->

<!-- 导航条 -->
<div class="bg-white bread-crumb">
    <ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
        <li><a ui-sref="main.tpl.homePage"><i class="fa fa-home"></i> 首页</a></li>
        <li><a ui-sref="main.finance.extractApply.list">应付账款</a></li>
        <li class="active" ng-bind="title"></li>
    </ul>
</div>

<!-- 内容区域 -->
<div class="wrapper-md content">
    <div class="panel panel-default">
        <!-- 头部 -->
        <div class="panel-heading font-bold">{{title}}
            <a class="btn btn-sm btn-icon btn-rounded btn-default pull-right m-t-n-xs" ui-sref="main.finance.extractApply.list"><i class="text-md fa fa-times text-muted"></i></a>
        </div>
        <!--表单-->
        <div class="panel-body">
            <form class="form-horizontal"  name="user_form">
                <!--流量主名称-->
                <div class="form-group">
                    <div class="row">
                    <label class="col-sm-3 control-label">流量主:</label>
                    <label class="col-sm-3 col-lg-2" style="padding-top:3px;">{{record.supplyName}}</label>
                        <!-- 打款人-->
                        <label class="col-lg-2 col-sm-3 control-label">申请日期:</label>
                        <label class="col-sm-3 col-lg-2" style="padding-top:3px;">{{record.applyDate | date:'yyyy-MM-dd'}}</label>
                    </div>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>

                <!--流量主收款类型-->
                <div class="form-group">
                    <div class="row">
                    <label class="col-sm-3 control-label">收款类型:</label>
                    <label class="col-sm-3 col-lg-2" style="padding-top:3px;" >
                            <span ng-if="record.acctType=='1'">支付宝</span>
                            <span ng-if="record.acctType=='2'">财付通</span>
                            <span ng-if="record.acctType=='3'">银行卡</span>
                            <span ng-if="record.acctType=='4'">现金</span>
                        </label>
                        <!-- 开户行-->
                        <label class="col-lg-2 col-sm-3 control-label">开户行:</label>
                        <label class="col-sm-3 col-lg-2" style="padding-top:3px;">{{record.bankName}}</label>
                </div>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>


                <div class="form-group">
                    <!--付款金额-->
                    <div class="row">
                    <label class="col-sm-3 control-label">付款金额:</label>
                    <label class="col-sm-3 col-lg-2" style="padding-top:3px;">{{record.extractAmount}}</label>
                    <!-- 汇款单位/个人：-->
                    <label class="col-lg-2 col-sm-3 control-label">汇款单位/个人:</label>
                    <label class="col-sm-3 col-lg-2" style="padding-top:3px;">{{record.supplyName}}</label>


                    </div>
                </div>

                <div class="line line-dashed b-b line-lg pull-in"></div>

                <!--  打款日期-->
                <div class="form-group">
                    <div class="row">

                        <!--收款账户-->
                        <label class=" col-sm-3 control-label">收款账户:</label>
                        <label class="col-sm-3 col-lg-2" style="padding-top:3px;">{{record.bankCardNo}}</label>
                   <!--  交易流水号-->
                    <label class="col-lg-2 col-sm-3 control-label">银行流水号:</label>
                    <label class="col-sm-3 col-lg-2" style="padding-top:3px;">{{record.resOrderid}}</label>
                    </div>
                </div>
                <div class="line line-dashed b-b line-lg pull-in"></div>

                <div ng-show="record.userName!=null&&record.userName!=''">
                    <div class="form-group">
                        <div class="row">
                            <!--打款人-->
                            <label class=" col-sm-3 control-label">打款人:</label>
                            <label class="col-sm-3 col-lg-2" style="padding-top:3px;">{{record.userName}}</label>
                            <label class=" col-lg-2 col-sm-3 control-label">打款日期:</label>
                            <label  class="col-sm-3 col-lg-2" style="padding-top:3px;">{{record.backTime | date:'yyyy-MM-dd'}}</label>

                     </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>

                <!--    <div class="form-group">
                        <div class="row">
                        &lt;!&ndash; 开户行&ndash;&gt;
                        <label class=" col-sm-3 control-label">开户行:</label>
                        <label class="control-label">{{record.bankCardName}}</label>
                    </div>-->
                </div>

               <!-- <div ng-show="record.receAcctType=='00'">
                    &lt;!&ndash;支付宝账号&ndash;&gt;
                    <div class="form-group">
                        <div class="row">
                        <label class=" col-sm-3 control-label">支付宝账号:</label>
                        <label  class="col-sm-3 col-lg-2" style="padding-top:3px;">{{record.alipay}}</label>
                        &lt;!&ndash;支付宝用户名&ndash;&gt;
                        <label class="col-lg-2 col-sm-3 control-label">支付宝用户名:</label>
                        <label  class="col-sm-3 col-lg-2" style="padding-top:3px;">{{record.alipayName}}</label>
                        </div>
                    </div>
                    <div class="line line-dashed b-b line-lg pull-in"></div>
                </div>-->
                <div class="form-group">
                    <label class="col-sm-1 control-label pull-right">
                        <a ui-sref="main.finance.extractApply.list">
                            <button class="btn btn-default w-xs" ng-click="main.finance.extractApply.list">返回</button>
                        </a>
                    </label>
                    <label class="col-sm-1 control-label pull-right" has-permission permission='finance.extractApply.loseUpdate'>
                    	<button class="btn btn-success w-xs"  ng-if="record.handleStatus=='1'"  ng-click="checker(record.applyId,record.extractAmount,record.applyUserId,4)">取&nbsp;&nbsp;消</button>
                   	</label>
                    <label class="col-sm-1 control-label pull-right" has-permission permission='finance.extractApply.loseUpdate'>
                    	<button class="btn btn-danger w-xs"  ng-if="record.handleStatus=='1'"   ng-click="preview()">失败</button>
                   	</label>
                    <label class="col-sm-1 control-label pull-right" has-permission permission='finance.extractApply.successUpdate'>
                    	<button class="btn btn-success w-xs"  ng-if="record.handleStatus=='1'" ng-click="checkrt(record.applyId,record.extractAmount,record.applyUserId)">确认</button>
                   	</label>
                </div>


                <div class="cover" ng-show="firstApply">
                    <div class="firstApplyWrap">
                        <div class="clear"><i class="iconfont closeBtn noselect" ng-click="firstApply=false">&#xe608;</i></div>
                        <div class="title" ><textarea  placeholder="请输入审核失败的原因......" class="form-control" rows="5" id="remark"></textarea>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" ng-click="firstApply=false" data-dismiss="modal">取消</button>
                                <button type="button" class="btn btn-primary" ng-click="checker(record.applyId,record.extractAmount,record.applyUserId,3)">确定</button>
                            </div>
                        </div>

                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<style>
    .cover {
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 2000;
        top: 0;
        left: 0;
        /* display: none; */
    }

    .firstApplyWrap{
        width: 550px;
        height:280px;
        background: #fff;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        border-radius: 5px;
        overflow: hidden;
    }
    .firstApplyWrap .title{
        font-size: 18px;
        color:#333;
        padding:18px 36px 0 36px;
        text-align: center;
        line-height: 2em;
    }
    .firstApplyWrap .closeBtn,.finishData .closeBtn{
        font-size: 30px;
        padding:5px 10px 0 0;
        border-radius: 50%;
        color: #ccc;
        float: right;
        cursor: pointer;
    }
    .finishData .closeBtn{
        position: absolute;
        top:10px;
        right:10px;
    }
    .firstApplyWrap .bkgIcon{
        position: absolute;
        left: 54px;
        top:87px;
        font-size: 50px;
        color:#FFB136;
    }
    .firstApplyWrap .applyBtnWrap{
        position: absolute;
        bottom: -2px;
        width: 100%;
    }
    .firstApplyWrap .applyBtn{
        width: 50%;
        height:70px;
        line-height: 70px;
        background: #FFB135;
        font-size: 20px;
        text-align: center;
        color:#fff;
        cursor: pointer;
        float:left;
    }
    .firstApplyWrap .applyBtn:last-child{
        background: #5796FC;
    }
</style>

